<template>
  <van-cell>
    <van-image
      slot="icon"
      round
      width="30"
      height="30"
      style="margin-right: 10px;"
      :src="comment.aut_photo"
    />
    <span style="color: #466b9d;" slot="title">{{ comment.aut_name }}</span>
    <div slot="label">
      <p style="color: #363636;">{{ comment.content }}</p>
      <p>
        <span style="margin-right: 10px;">{{ comment.pubdate | relativeTime}}</span>
        <van-button @click="$emit('on-click-reply', comment)" size="mini" type="default">回复{{ comment.reply_count }}</van-button>
      </p>
    </div>
    <van-icon slot="right-icon" name="like-o" />
  </van-cell>
</template>

<script>
export default {
  data() {
    return {

    }
  },

  props: {
    comment: {
      type: Object,
      required: true
    }
  },

  created() {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>
</style>
